<template>
	<div class="tmpl">
		<div class="pvue">{{msg}}</div>
		<SubVue :tosubdata="tosubdata"></SubVue>
	</div>
</template>

<script>
//1.0 导入sub.vue的对象
import SubVue from './sub.vue'
	export default{
		data(){
			return{
				msg:'这是parent.vue中的内容',
				tosubdata:'来自于parent.vue组件的数据'
			}
		},
		components:{   //负责注册所有要使用的子组件
			SubVue //注册sub.vue组件对象
		}
	}
</script>

<style>
	.pvue{
		border: 1px solid red;
		height: 30px;
	}
</style>